@mixin margins ($normal: 0rpx,$top:$normal, $right:$normal, $bottom:$normal, $left:$normal){
	margin: $top $right $bottom $left;
}
// 水平垂直居中
@mixin flexCenterCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}
// 水平靠两端居中
@mixin flexBetweenCenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
// 垂直居中
@mixin flexCenter {
	display: flex;
	align-items: center;
}
// 水平换行居中
@mixin flexWrapCenter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
// 水平居中显示
@mixin shuiping{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* 文字换行溢出处理 */
@mixin textEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@mixin bottomLine($color: #E5E5E5, $bottom: -25rpx) {
	position: absolute;
	width: 100%;
	height: 2rpx;
	background-color: $color;
	bottom: $bottom;
	left: 0rpx;
	content: "";
}

// 固定在底部
@mixin fixedBottom{
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
}

// 圆角三角形
@mixin circularTriangle {
	content: "";
	width: 14rpx;
	height: 24rpx;
	background-color: #FFFFFF;
	position: absolute;
	top: 22rpx;
	clip-path: polygon(0 53%, 0 49%, 100% 0, 100% 100%, 3% 63%, 0 59%);
}


/* 主背景颜色(橙色) */
@mixin main-bg-color {
	background-color: #FD6801;
}

/* 点击背景颜色(淡橙色) */
@mixin main-bg-hover-color {
	background-color: #f3d213 !important;
}

/* 主字体颜色 */
@mixin main-text-color {
	color: #FD6801;
}

/* 主边框颜色 */
@mixin main-border-color {
	background-color: #F1F1F1;
}

// nvue中使用的样式
@nvue_flex_center {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}